@layout("/common/_container.html"){
<div class="row">
    <div class="col-sm-12">
        <div class="ibox float-e-margins">
            <div class="ibox-title">
                <h5>角色管理</h5>
            </div>
            <div class="ibox-content">
                <div class="row row-lg">
                    <div class="col-sm-12">
                        <div class="row">
                            <div class="col-sm-3">
                                <#NameCon id="roleName" name="角色名称" />
                            </div>
                            <div class="col-sm-3">
                                <div class="search_bt" onclick="Role.search()">搜索</div>
                            </div>
                        </div>
                        <div class="hidden-xs" id="roleTableToolbar" role="group">
                            @if(shiro.hasPermission("/role/add")){
                                <div class="other_bt" onclick="Role.openAddRole()">添加</div>
                            @}
                            @if(shiro.hasPermission("/role/edit")){
                                <div class="other_bt" onclick="Role.openChangeRole()">修改</div>
                            @}
                            @if(shiro.hasPermission("/role/remove")){
                                <div class="other_bt" onclick="Role.delRole()">删除</div>
                            @}
                            @if(shiro.hasPermission("/role/setAuthority")){
                                <div class="other_bt" onclick="Role.assign()">权限配置</div>
                            @}
                        </div>
                        <#table id="roleTable"/>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<script src="${ctxPath}/static/modular/system/role/role.js"></script>
@}

        <style>
            .search_bt,.other_bt{
                cursor: pointer;
                display: inline-block;
                width: 73px;
                height: 27px;
                line-height: 27px;
                color: white;
                text-align: center;
                font-size: 14px;
                border-radius: 20px;
            }
            .search_bt{
                background: url("${ctxPath}/static/img/x18.png") no-repeat;
                background-size: cover;
            }
            .other_bt{
                background: url("${ctxPath}/static/img/x19.png") no-repeat;
                background-size: cover;
            }
        </style>